//some basic definitions
//html-elements only. no classes

@mixin background-radial-gradient($figure, $type, $position_x, $position_y, $color_1, $color_2, $color_3){
  //there is a built-in compass radial-gradient function, but it does not provide enough compatibility, so need to imitate it
  //it also has an option $experimental-support-for-svg which should generate correct svg for IE, but it works incorrect, so
  //fixing it
  //issue id - https://github.com/chriseppstein/compass/issues/1225
  background-color: $color_1;
//final w3c
  background: radial-gradient(
      $type $figure at $position_x $position_y,
      $color_1,
      $color_2,
      $color_3
  ),
  url("../img/bgnoise_lg_dark.png");
  //webkit-specific
  background: -webkit-radial-gradient(
      $position_x $position_y, $type $figure,
      $color_1,
      $color_2,
      $color_3
  ),
  url("../img/bgnoise_lg_dark.png");

  //moz-specific
  background: -moz-radial-gradient(
      $position_x $position_y, $type $figure,
      $color_1,
      $color_2,
      $color_3
  ),
  url("../img/bgnoise_lg_dark.png");
}

html{
  min-height: 100%;
}

body{
  font-weight: $font-weight-base;
  padding-bottom: 100px;
  background-image: url(""), url("../img/bgnoise_lg_dark.png");
  @include background-radial-gradient(ellipse, farthest-side, 10%, 0,
    rgba(74, 121, 147, 0.89),
    rgba(226, 226, 226, 0.87),
    rgba(185, 135, 131, 0.87)
  );
  &.background-dark{
    background-image: url(""), url("../img/bgnoise_lg_dark.png");
    @include background-radial-gradient(ellipse, farthest-side, 10%, 0,
      rgba(125, 128, 103, 0.88),
      rgba(193, 179, 132, 0.87),
      rgba(157, 134, 95, 0.88)
    );
  }
}

#{headings()} {
  @include bold-font;

  small{
    color: $smallsColor;
    font-weight: $font-weight-base;
  }
}

input[type=search], input.search {
  padding-left: 26px;
  background-color: $input-bg;
  background:url(../img/search.png) 5px 5px no-repeat $input-bg;

  &.input-transparent{
    border: none;
    background: url(../img/search.png) 5px 5px no-repeat $transparentBackground;
    @include placeholder(rgba(#eee, .76));
  }
}

ul ul,
ol ul{
  list-style: none;
}

ul, ol{
  list-style: none;
  padding: 0;
}


//setting default iframe behaviour to border box
//so it behaves normally within .control-row
iframe{
  @include box-sizing(border-box);
}

//opera is buggy? no chrome is buggy! really strange fix
fieldset{
  width: 100%;
  //Thanks to johan@holmweb.se for that fix
  min-width: 0;
}

form{
  margin-bottom: 0;
}

a{
  @include transition(color .2s);
}

.btn{
  @include transition(background-color .2s);
}